<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>buttonDemo</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	</head>
	<body>
		<!--
			按钮和图片
		-->
		<div class="container">
			<button type="button" class="btn btn-default">default</button>
			<button type="button" class="btn btn-primary">primary</button>
			<button type="button" class="btn btn-success">success</button>
			<button type="button" class="btn btn-info">info</button>
			<button type="button" class="btn btn-warning">warning</button>
			<button type="button" class="btn btn-link">link</button>
			<button type="button" class="btn btn-danger">danger</button>
		</div>
		<div class="div">
			<button type="button" class="btn btn-info btn-lg">info</button>
			<button type="button" class="btn btn-info ">info</button>
			<button type="button" class="btn btn-info btn-sm">info</button>
			<button type="button" class="btn btn-info btn-xs">info</button>
		</div>
		<button type="button" class="btn btn-default btn-block">设置这个属性充满父级容器</button>
		<!--激活状态-->
		<a href="#" class="btn btn-default btn-lg active" role="button">btn-default </a>
		<!--禁用状态-->
		<a href="#" class="btn btn-default btn-lg action" role="button" disabled="disabled">btn-disabled </a>
		<!--
			其实 input 和 button 的是一样的 ,firefox 的版本是30 一下的 会有bug 它和高版本是无法兼容的
		-->
		<input class="btn btn-default" type="button" value="input" />
		<img src="" alt="" class="img-circle"/>
		<img src="" alt="" class="img-responsive"/>
		<img src="" alt="" class="img-rounded"/>
		<img src="" alt="" class="img-thumbnail"/>
	</body>
</html>
